import React from "react";

interface IndexProps {
  name: string;
  imgs: string;
  imgBgColor: string;
  textColor: string;
}

const Index: React.FC<IndexProps> = ({ name, imgs, imgBgColor, textColor }) => {
  return (
    <div style={{ width: 208, height: 291, marginRight: 30 }}>
      <div style={{ borderRadius: "10px 10px 0 0", background: imgBgColor }}>
        <img
          style={{
            borderRadius: "10px 10px 0 0",
            marginTop: 20,
            marginLeft: 20,
            marginRight: 20,
            marginBottom: -4,
            width: 168,
            height: 238,
          }}
          src={imgs}
          alt=""
        />
      </div>
      <div
        style={{
          fontSize: 14,
          background: textColor,
          textAlign: "center",
          lineHeight: "40px",
          borderRadius: "0 0 10px 10px",
        }}
      >
        {name}
      </div>
    </div>
  );
};

export default Index;
